<template>
  <div class>
      <div class="title">
          <span class="title_left">文章标题</span>
          <span class="title_right">被投诉的文章标题</span>
      </div>
    <div class="column">
      <span class="column_bot">关键</span>
      <el-input placeholder="请输入内容" v-model="input2"> </el-input>
    </div>
   <div class="choice">
      用户
      <el-select v-model="value" placeholder="请选择" style="width: 400px">
        <el-option
          v-for="item in options"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        >
        </el-option>
      </el-select>
      <span style="margin-left: 140px"
        >IP<el-select
          v-model="value"
          placeholder="请选择"
          style="width: 400px; margin-left: 5px"
        >
          <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          >
          </el-option> </el-select
      ></span>
    </div>
    <div class="release">
          评论日期
      <el-input
        v-model="input"
        placeholder="请输入内容"
        style="width: 400px"
      ></el-input>
      <span style="margin-left: 123px"
        >状态<el-select
          v-model="value"
          placeholder="请选择"
          style="width: 400px; margin-left: 5px"
        >
          <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          >
          </el-option> </el-select
      ></span>
    </div>
    
    <div class="column">
      <span class="column_bot">关键</span>
      <el-input placeholder="请输入内容" v-model="input2"> </el-input>
    </div>
    
    <div class="describe">
      <span class="describe_left">描述</span>
      <el-input
        type="textarea"
        :autosize="{ minRows: 10, maxRows: 12 }"
        placeholder="请输入内容"
        v-model="textarea2"
      >
      </el-input>
    </div>
    <div class="enclosure">
        <span class="enclosure_one">附件：附件附件附件.PPTX</span>
        <span class="enclosure_two">查看</span>
        <span class="enclosure_three">下载</span>
    </div>
  </div>
</template>
<script >
export default {
  name: "",
  components: {},
  data() {
    return {
      input1: "",
      input2: "",
      input3: "",
      input4: "",
      input5: "",
      input6: "",
      textarea2: "",
      checked: true,
      checked1: true,
      checked2: true,
      checked3: true,
      options: [
        {
          value: "选项1",
          label: "黄金糕",
        },
        {
          value: "选项2",
          label: "双皮奶",
        },
        {
          value: "选项3",
          label: "蚵仔煎",
        },
        {
          value: "选项4",
          label: "龙须面",
        },
        {
          value: "选项5",
          label: "北京烤鸭",
        },
      ],
      value: "",
    };
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
.enclosure{
  margin-top: 20px; 
  margin-left: 27px; 
}
.enclosure_one{
   font-family:Source Han Sans CN;
color:#666666;
font-size:20px; 
}
.enclosure_two{
width: 40px;
height: 20px;
font-family: Source Han Sans CN;
color: #fb534b;
font-size: 20px;
margin-left: 36px;
}
.enclosure_three{
    width: 40px;
height: 20px;
font-family: Source Han Sans CN;
color: #fb534b;
font-size: 20px;
margin-left: 10px;
}
.title_left{
   margin-left: 8px; 
   
}
.title_right{
    margin-left: 3px;
    color:#6878f0;
}
.line{
    margin-left: 80px;
    margin-top: 10px;
    height:5px;
    width: 85%;
    background-color:#e4e4e4;
}
.static {
   margin-left: -13px; 
   margin-top: 15px;
}
.information{
  margin-left: 78px;
}
.frame{
  margin-left: 76px;
  margin-top: 15px;
}
.size{
  margin-left: 76px;
  margin-top: 15px;
}
.picture {
  width: 366px;
  height: 181px;
  background-color: #dedede;
  margin-left: 76px;
  margin-top: 15px;
}
.chart {
  margin-left: 24px;
  margin-top: 15px;
}
.multiple > span {
  margin-left: 15px;
}
.multiple {
  margin-left: 40px;
  margin-top: 15px;
}
.release {
  margin-left: 8px;
  margin-top: 15px;
}
.choice {
  margin-top: 15px;
  margin-left: 41px;
}
.describe_left {
  width: 40px;
  line-height: 40px;
}
.describe {
  display: flex;
  margin-top: 15px;
  width: 1000px;
  margin-left: 40px;
}
.whole_bot {
  width: 715px;
  line-height: 40px;
}
.whole {
  height: 515px;
  display: flex;
  margin-top: 15px;
  width: 1034px;
  margin-left: 8px;
}
.column_bot {
  width: 40px;
  line-height: 40px;
}
.column {
  display: flex;
  margin-top: 15px;
  width: 1000px;
  margin-left: 40px;
}
</style>